import React from "react";

export const DiscordIcon = (props: React.SVGProps<SVGSVGElement>) => (
    <svg
        width="18"
        height="15"
        viewBox="0 0 18 15"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
    >
        <svg
            xmlns="http://www.w3.org/2000/svg"
            width="16"
            height="13"
            fill="none"
        >
            <path
                fill="currentColor"
                d="M11.8082 12.6667s-.4931-.6484-.9041-1.2215c1.7945-.5579 2.4795-1.7944 2.4795-1.7944-.5617.4072-1.0959.6937-1.5754.8897-.6849.3167-1.3424.5278-1.9863.6484-1.315.2714-2.5205.196-3.548-.0151-.7808-.1658-1.452-.4071-2.0136-.6484-.3151-.1357-.6576-.3016-1-.5127-.0411-.0301-.0822-.0452-.1233-.0754a.1923.1923 0 0 1-.0548-.0452c-.2466-.1508-.3836-.2563-.3836-.2563s.6576 1.2063 2.3973 1.7793c-.411.573-.9178 1.2516-.9178 1.2516C1.1507 12.5611 0 10.3746 0 10.3746c0-4.8555 1.9726-8.7912 1.9726-8.7912C3.9452-.045 5.8219.0001 5.8219.0001l.137.181C3.4932.965 2.3562 2.1564 2.3562 2.1564s.3013-.1809.8082-.4372C4.63 1.0104 5.7945.8144 6.274.7692 6.3562.754 6.4247.739 6.5069.739a10.538 10.538 0 0 1 2.767-.0302c1.3014.166 2.6987.5881 4.1234 1.4476 0 0-1.0822-1.1309-3.411-1.915L10.1781 0s1.8767-.0452 3.8493 1.5833c0 0 1.9726 3.9357 1.9726 8.7912 0 0-1.1644 2.1865-4.1918 2.2921Zm-6.3698-7.042c-.7809 0-1.3973.754-1.3973 1.6738s.6301 1.6738 1.3973 1.6738c.7808 0 1.3972-.754 1.3972-1.6738.0137-.9199-.6164-1.6738-1.3972-1.6738Zm5 0c-.7809 0-1.3973.754-1.3973 1.6738s.6301 1.6738 1.3973 1.6738c.7808 0 1.3972-.754 1.3972-1.6738 0-.9199-.6164-1.6738-1.3972-1.6738Z"
            />
        </svg>
    </svg>
);

export const TwitterIcon = (props: React.SVGProps<SVGSVGElement>) => (
    <svg
        width="18"
        height="15"
        viewBox="0 0 18 15"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
    >
        <svg
            xmlns="http://www.w3.org/2000/svg"
            width="16"
            height="14"
            fill="none"
        >
            <path
                fill="currentColor"
                fillRule="evenodd"
                d="M16 1.5784a6.412 6.412 0 0 1-1.8848.5297c.678-.416 1.1983-1.0757 1.4434-1.8616-.6348.3853-1.3364.6655-2.0858.8157C12.8755.4083 12.0218 0 11.077 0 9.2655 0 7.7957 1.5072 7.7957 3.3658c0 .2639.0282.52.0846.7666C5.152 3.9918 2.7338 2.6532 1.1138.6144c-.2827.4989-.4442 1.0777-.4442 1.694 0 1.1672.5795 2.1977 1.4604 2.8015-.5372-.0164-1.0444-.1695-1.4876-.4199v.0414c0 1.6314 1.1316 2.9922 2.6342 3.3003-.2751.079-.5653.1185-.8649.1185a3.192 3.192 0 0 1-.618-.0597c.418 1.3367 1.6294 2.3104 3.0663 2.3364-1.1232.9033-2.5394 1.4416-4.0768 1.4416A6.573 6.573 0 0 1 0 11.8223c1.4528.9534 3.179 1.511 5.0319 1.511 6.0386 0 9.3396-5.1282 9.3396-9.5765 0-.1464-.0028-.2927-.0084-.4362A6.7378 6.7378 0 0 0 16 1.5784Z"
                clipRule="evenodd"
            />
        </svg>
    </svg>
);

export const GithubIcon = (props: React.SVGProps<SVGSVGElement>) => (
    <svg
        width="16"
        height="16"
        viewBox="0 0 16 16"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
    >
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M8.03835.00000424C6.13008-.00197683 4.28349.690235 2.8295 1.95259 1.37551 3.21495.409153 4.96494.103616 6.88894-.201921 8.81295.17333 10.7852 1.16212 12.4523c.98879 1.6671 2.52649 2.92 4.33753 3.5342.40422.0755.54718-.1812.54718-.3978V14.194c-2.24293.4985-2.71616-1.1027-2.71616-1.1027-.1488-.4962-.46491-.9226-.89224-1.2034-.72464-.5035.05915-.5035.05915-.5035.25402.0367.49654.1319.7092.2784.21266.1466.38988.3406.51825.5675.10907.202.25612.38.43271.5239.17659.1438.37925.2506.59634.3142.2171.0636.44436.0828.66874.0565.22438-.0263.44146-.0976.6388-.2098.03093-.4142.20576-.8035.49295-1.0977-1.78449-.2064-3.6577-.9113-3.6577-4.02806-.01225-.81419.2825-1.60201.82323-2.20035-.24083-.70792-.21268-1.4824.07887-2.17014 0 0 .67534-.22154 2.20842.84087 1.31647-.3692 2.70601-.3692 4.02251 0 1.533-1.06241 2.2035-.84087 2.2035-.84087.2956.68046.3308 1.44938.0986 2.15504.5407.59833.8354 1.38616.8232 2.20034 0 3.15197-1.8782 3.84177-3.66758 4.02807.19188.197.34004.4339.43445.6945.09443.2606.13283.5389.11273.8161v2.2507c0 .2668.143.4733.5521.3927 1.7904-.6304 3.3051-1.8869 4.2764-3.5475.9714-1.6606 1.3368-3.6184 1.0319-5.52755-.3049-1.90916-1.2607-3.6468-2.6983-4.90595C11.7592.716144 9.9321.016514 8.03835.00000424Z"
            fill="currentColor"
        />
    </svg>
);

export const LikeIcon = (props: React.SVGProps<SVGSVGElement>) => (
    <svg
        width="18"
        height="18"
        viewBox="0 0 18 18"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
    >
        <g filter="url(#filter0_d_1740_1407)">
            <path
                d="M15.0253 8.42229C15.3515 7.99127 15.5321 7.46318 15.5321 6.91373C15.5321 6.04199 15.0448 5.21685 14.2604 4.75671C14.0585 4.63827 13.8286 4.57594 13.5945 4.57615H8.93871L9.0552 2.19004C9.08239 1.61341 8.87853 1.0659 8.48246 0.648479C8.28808 0.442733 8.05358 0.279035 7.79345 0.167499C7.53331 0.0559638 7.25306 -0.00103873 6.97002 1.43287e-05C5.96044 1.43287e-05 5.06734 0.679543 4.79941 1.65224L3.13166 7.69034H3.12583V16H12.2956C12.4742 16 12.6489 15.9651 12.8101 15.8952C13.7342 15.501 14.3303 14.5982 14.3303 13.5964C14.3303 13.3518 14.2953 13.111 14.2254 12.8781C14.5516 12.447 14.7322 11.9189 14.7322 11.3695C14.7322 11.1249 14.6972 10.8841 14.6273 10.6511C14.9535 10.2201 15.1341 9.69203 15.1341 9.14259C15.1302 8.89796 15.0952 8.65527 15.0253 8.42229ZM0 8.31162V15.3787C0 15.7224 0.277636 16 0.621283 16H1.88326V7.69034H0.621283C0.277636 7.69034 0 7.96797 0 8.31162Z"
                fill="url(#paint0_linear_1740_1407)"
            />
        </g>
        <defs>
            <filter
                id="filter0_d_1740_1407"
                x="0"
                y="0"
                width="17.5321"
                height="18"
                filterUnits="userSpaceOnUse"
                colorInterpolationFilters="sRGB"
            >
                <feFlood floodOpacity="0" result="BackgroundImageFix" />
                <feColorMatrix
                    in="SourceAlpha"
                    type="matrix"
                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
                    result="hardAlpha"
                />
                <feOffset dx="1" dy="1" />
                <feGaussianBlur stdDeviation="0.5" />
                <feComposite in2="hardAlpha" operator="out" />
                <feColorMatrix
                    type="matrix"
                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"
                />
                <feBlend
                    mode="normal"
                    in2="BackgroundImageFix"
                    result="effect1_dropShadow_1740_1407"
                />
                <feBlend
                    mode="normal"
                    in="SourceGraphic"
                    in2="effect1_dropShadow_1740_1407"
                    result="shape"
                />
            </filter>
            <linearGradient
                id="paint0_linear_1740_1407"
                x1="3.5"
                y1="2"
                x2="13.3312"
                y2="14.525"
                gradientUnits="userSpaceOnUse"
            >
                <stop stopColor="#47EBF5" />
                <stop offset="0.893219" stopColor="#1890FF" />
            </linearGradient>
        </defs>
    </svg>
);

export const LikeIconAlt = (props: React.SVGProps<SVGSVGElement>) => (
    <svg
        width="18"
        height="18"
        viewBox="0 0 18 18"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
    >
        <g filter="url(#filter0_d_1740_1407)">
            <path
                d="M15.0253 8.42229C15.3515 7.99127 15.5321 7.46318 15.5321 6.91373C15.5321 6.04199 15.0448 5.21685 14.2604 4.75671C14.0585 4.63827 13.8286 4.57594 13.5945 4.57615H8.93871L9.0552 2.19004C9.08239 1.61341 8.87853 1.0659 8.48246 0.648479C8.28808 0.442733 8.05358 0.279035 7.79345 0.167499C7.53331 0.0559638 7.25306 -0.00103873 6.97002 1.43287e-05C5.96044 1.43287e-05 5.06734 0.679543 4.79941 1.65224L3.13166 7.69034H3.12583V16H12.2956C12.4742 16 12.6489 15.9651 12.8101 15.8952C13.7342 15.501 14.3303 14.5982 14.3303 13.5964C14.3303 13.3518 14.2953 13.111 14.2254 12.8781C14.5516 12.447 14.7322 11.9189 14.7322 11.3695C14.7322 11.1249 14.6972 10.8841 14.6273 10.6511C14.9535 10.2201 15.1341 9.69203 15.1341 9.14259C15.1302 8.89796 15.0952 8.65527 15.0253 8.42229ZM0 8.31162V15.3787C0 15.7224 0.277636 16 0.621283 16H1.88326V7.69034H0.621283C0.277636 7.69034 0 7.96797 0 8.31162Z"
                fill="white"
            />
        </g>
        <defs>
            <filter
                id="filter0_d_1740_1407"
                x="0"
                y="0"
                width="17.5321"
                height="18"
                filterUnits="userSpaceOnUse"
                colorInterpolationFilters="sRGB"
            >
                <feFlood floodOpacity="0" result="BackgroundImageFix" />
                <feColorMatrix
                    in="SourceAlpha"
                    type="matrix"
                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
                    result="hardAlpha"
                />
                <feOffset dx="1" dy="1" />
                <feGaussianBlur stdDeviation="0.5" />
                <feComposite in2="hardAlpha" operator="out" />
                <feColorMatrix
                    type="matrix"
                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"
                />
                <feBlend
                    mode="normal"
                    in2="BackgroundImageFix"
                    result="effect1_dropShadow_1740_1407"
                />
                <feBlend
                    mode="normal"
                    in="SourceGraphic"
                    in2="effect1_dropShadow_1740_1407"
                    result="shape"
                />
            </filter>
            <linearGradient
                id="paint0_linear_1740_1407"
                x1="3.5"
                y1="2"
                x2="13.3312"
                y2="14.525"
                gradientUnits="userSpaceOnUse"
            >
                <stop stopColor="#47EBF5" />
                <stop offset="0.893219" stopColor="#1890FF" />
            </linearGradient>
        </defs>
    </svg>
);
